<template>
    <div>
        <Header style="margin-top:30px"></Header>
        <div class="s_bg">
            <div class="scd">
                <div class="b_h">
                    <div class="name">
                        <img src="./images/icon19.png" alt="">
                        <span>医疗机构详情</span>
                    </div>
                    <div class="pst">
                        当前所在位置: <a @click.prevent="goHome">首页</a>&gt;<a @click.prevent="goPrevious">医疗机构</a>&gt;<a class="on">医疗机构详情</a>
                    </div>
                </div>
            </div>
        </div>
        
        <div style="width:1280px;height:30px;position: absolute;margin-left:90px;">
            <div style="display:flex;margin-top:2px;">
                <img :src="$store.state.m.institutionImg" style="width:350px;height:400px">
                <el-card class="box-card">
                    <div class="text item">
                        医疗机构名称:{{$store.state.m.institutionName}}
                    </div>
                    <div class="text item">
                        医疗机构官网:{{$store.state.m.institutionUrl}}
                    </div>
                    <div class="text item">
                        医疗机构联系方式:{{$store.state.m.institutionTelephone}}
                    </div>
                </el-card>
            </div>
        </div>
    </div>
</template>

<script>
    import Header from "@/components/Header/Header"
    export default {
        name:'TwoMedical',
        data(){
            return{
                institutionObj:{}
            }
        },
        components:{Header},
        methods: {
            goHome(){
                this.$router.push('/home')
            },  
            goPrevious(){
                this.$router.push({
                    name:'medicalInstitution',
                })
            }
        },
/*         created() {
            this.$axios.get('/medicalInstitution/getId',{
                params:{
                    institutionId:this.$route.query.id
                }
            }).then(res=>{
                this.institutionObj = res.data.result[0]
            })
        }, */
    }
</script>

<style scoped>
    .text {
    font-size: 14px;
    }

    .item {
        padding: 18px 0;
    }

    .box-card {
        width: 960px;
    }
    .scd .b_h .pst{ position:static; text-align:left; width:90%; height:auto; line-height:150%; padding:15px 5%;}
    .scd .b_h .name, .scd_em .b_h .name{ width:260px;}
    .scd .b_h,.scd_em .b_h{ width:90%; height:60px; line-height:60px;margin-left: 90px;margin-top: 30px; border-bottom:1px solid #bbb; position:relative; text-align:left; position:relative;}
    .scd .b_h .name,.scd_em .b_h .name{ display:inline-block; *display:inline; zoom:1; height:60px; line-height:60px; color:#FFF; background:#0051AD; padding:0 30px;}
    .scd .b_h .name img,.scd .b_h .name span,.scd_em .b_h .name img,.scd_em .b_h .name span{display:inline-block; *display:inline; zoom:1; height:41px; line-height:41px; vertical-align:top; margin-top:10px; font-size:24px; color:#FFF;}
    .scd .b_h .name img,.scd_em .b_h .name img{ width:41px; height:41px; margin-right:3px;}
    .scd .b_h .pst,.scd_em .b_h .pst{ width:60%; text-align:right; position:absolute; right:10px; top:0px; font-size:14px; color:#555555; height:60px; line-height:60px;}
    .scd .b_h .pst a,.scd_em .b_h .pst a{ font-size:14px; color:#555;}
    .scd .b_h .pst a.on,.scd .b_h .pst a:hover,.scd_em .b_h .pst a.on,.scd_em .b_h .pst a:hover{ color:#0257B9;}
    .pst{ width:60%; text-align:right; position:absolute;margin-top: -10px;margin-left: 300px;  font-size:14px; color:#555555; height:60px; line-height:60px;}
     .pst a{ font-size:14px; color:#555;}
     .pst a:hover,.scd_em .b_h .pst a.on,.scd_em .b_h .pst a:hover{ color:#0257B9;}
     a.on{color:#0257B9;}
</style>